草庐IT

jQuery Mobile 表单

全部标签

javascript - JQuery - 将表单数据序列化为关联数组

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用,以及预期结果。另请参阅:StackOverflowquestionchecklist关闭9年前。Improvethisquestion如何使用jQuery将HTML表单数据序列化为关联数组,而不是$.serializeArray()生成的数字索引格式?jQuery.serializeArray给出的输出使得使用数字索引键直接选择值变得困难,在表单输入中使用复选框时可能会发生轻微的索引偏移。serializ

javascript - 如何获取通过 sails.js 中的表单发送的数组/对象(使用 enctype multipart/form-data)

我在我的表单中嵌套信息以匹配我的模型,这极大地简化了后端的事情,但我无法找到如何在Sails.js中获取数组或对象(或两者的组合)假设我有这样的表格注意:完全需要支持“multipart/form-data”。我希望在req.params.all()obj中得到这样的对象{status:'published',entries:[{title:'Entry1',content:'Entry1Content...'},{title:'Entry2',content:'Entry2Content...'}]}现在调用req.params.all()/req.body时,我得到的是:{stat

javascript - enzyme 模拟提交表单,无法读取未定义的属性 'value'

我在使用jest和enzyme测试组件时遇到了一些困难。我想做的是测试提交名称字段中没有值的表单。这将确保组件显示错误。但是,当我运行其余部分时,我的控制台出现错误:TypeError:Cannotreadproperty'value'ofundefined我对前端测试和一般测试还很陌生。所以,我不完全确定我是否正确地使用enzyme进行此类测试。我不知道我的测试是否不正确,或者我是否刚刚编写了一个不容易测试的组件。如果可以更轻松地测试,我愿意更改我的组件吗?组件classInputFormextendsComponent{constructor(props){super(props)

javascript - 如何使用 React refs 来聚焦 Redux 表单字段?

我正在尝试使用Reactrefs在安装时聚焦Redux-FormField。当我在componentDidMount中尝试this.refs.title.getRenderedComponent().focus()时,会抛出一条错误消息:edit_fund.js:77未捕获类型错误:无法读取未定义的属性“getRenderedComponent”当我控制台记录this.refs时,它主要是一个空对象,有时将“title”标识为ref,但它不可靠。我是否错误地使用了refs?我的代码在下面供引用。componentDidMount=()=>{this.refs.title.getRend

javascript - 在angularjs表单验证中强制使用ng-dirty

使用angularjs进行表单验证我想在用户单击提交时将所有必填字段标记为错误。我正在使用input.ng-dirty.ng-invalid来设置错误控件的样式。所以我想要的是在用户提交表单时在必需的控件(或所有控件......对我来说都是一样的)上设置ng-dirty。验证工作。我明白为什么,我正在尝试的可能是错误的,但我没有找到其他方法来达到同样的效果,除了一些我认为太复杂而不正确的方法。我尝试的是:http://jsfiddle.net/yq4NG/ 最佳答案 让我们开始将angular添加到您的jsfiddle中,将其包装在

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - 像表单提交一样响应 native 发布请求

我正在尝试在ReactNative中实现类似的事情,不知道我该怎么做是否有可能在ReactNative中做类似的事情。我可以在Web应用程序中执行此操作。但是在nativereact中window.document不存在。所以我无法动态或以任何方式提交表单。基本上发生的事情是我使用POST方法数据将一些数据发送到第3方支付网关。知道如何在ReactNative中实现这一点吗?编辑:我需要一个解决方案,当提交一个webView打开时改变浏览器的位置,并以post方法格式将数据发送到该位置我发现关于Javascript实现的一个类似问题是这个JavaScriptpostrequestlik

javascript - 检查表单输入是否存在

我想检查当用户填写输入名称“field1”时是否存在名为“field2”的输入标签。为此,我使用field1的input标记上的onchange事件执行一个JavaScript函数。(我正在使用警告框进行测试。)如果field2不存在,则JavaScript单击一个按钮,表单将更新为同时具有field1和field2。但是无论我使用3种方法中的哪一种,即使field2存在,也会弹出警告框。我尝试了使用if与null和'undefined'等的各种组合。如果field2存在,为什么会弹出警告框?functionfoobar(){if(!document.getElementsByName

javascript - Facebook 是否可以获取用户数据并在 iframe 中填充表单?

我正在尝试为Facebook页面创建一个iframe选项卡。在这个页面上,我正在加载一个iframe,它由来自另一个域/站点的表单组成。是否可以使用javascript查询图形api,以使用javascript将用户数据加载到此iframe加载表单中,这样就可以预先填充给用户?我知道存在跨域安全问题。在那种情况下,假设我的iframe选项卡现在托管在与iframe加载的表单相同的域中,这现在可行吗? 最佳答案 你是对的,出于安全原因(同源策略),你想要的将被浏览器阻止。你可以做什么:在iframe中重新加载表单并将您从jssdk获取

javascript - 从表单发布触发 AWS Lambda

我创建了一个使用SES发送电子邮件的小型AWSLambda。我希望将静态网站中的联系我们表单连接到此lambda。是否可以将联系我们的表格直接发布到lambda的url?我没有使用服务器端框架并且真的很想避免它,我有什么选择?是否有客户端Javascript方法来调用lambda? 最佳答案 Wroteablogpostaboutthis.这是完全可行的。这是使用AWSCognito调用该函数的问题。您已准备好lambda函数。盛大。创建一个新的Cognito组。授予未经授权的Cognito组执行lambda函数的权限。将其全部连接